<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../template/template.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:sec="http://www.springframework.org/security/facelets/tags" >
    <ui:define name="corpo">
        <div class="page-header">
            <h1><small>Home - manual do sistema</small></h1>
        </div>
        <ol class="breadcrumb">
            <li class="active">Home</li>
        </ol>
        <!-- Menu de documentacao index, nav-tab + tab-content -->
        <!-- Nav tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
            <li><a href="#pessoas" data-toggle="tab">Pessoas</a></li>
            <li><a href="#financeiro" data-toggle="tab">Financeiro</a></li>
            <li><a href="#relatorios" data-toggle="tab">Relatórios</a></li>
            <li><a href="#configuracoes" data-toggle="tab">Configurações</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <div class="panel panel-default">
                    <div class="panel-body">
                        Bem vindo, #{request.getUserPrincipal().getName()}!
                        <br/><br/>
                        O manual do sistema encontra-se na sessão HOME, qualquer dúvida
                        ele está disponível para consulta ;)
                    </div>
                </div>
            </div>
            <div class="tab-pane fade" id="pessoas">
                <p:accordionPanel>
                    <p:tab title="Manutenção de usuário">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Controle de seu usuário, troca de senha e informações pessoais." />
                        </h:panelGrid>
                    </p:tab>
                </p:accordionPanel>
            </div>
            <div class="tab-pane fade" id="financeiro">
                <p:accordionPanel>
                    <p:tab title="Faturas">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Página de download das faturas separado por mês." />
                        </h:panelGrid>
                    </p:tab>
                </p:accordionPanel>
            </div>
            <div class="tab-pane fade" id="relatorios">
                <p:accordionPanel>
                    <p:tab title="Log de fatura">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Contém o histórico de acesso das faturas." />
                        </h:panelGrid>
                    </p:tab>
                </p:accordionPanel>
            </div>
            <div class="tab-pane fade" id="configuracoes">
                <p:accordionPanel>
                    <p:tab title="Layout">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Configura mensagem da página de login." />
                        </h:panelGrid>
                    </p:tab>
                    <p:tab title="E-mail">
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Configura o e-mail de envio das mensagens do sistema." />
                        </h:panelGrid>
                    </p:tab>
                </p:accordionPanel>
            </div>
        </div>
        
        
        
        
        <ui:remove>
        Bem vindo, <br/>
        <h:form>
            <p:inputText id="teste" value="#{controllerTeste.teste.nome}" />
            <p:commandButton value="Cadastrar" actionListener="#{controllerTeste.salvar()}" update="@form" />
        </h:form>
        </ui:remove>
    </ui:define>
</ui:composition>